body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: url(bg-body.gif) repeat-x;
}

#page
{

}

#header
{
	margin: 0;
	padding: 0;
	height:95px;
}
#content{ padding: 20px;}
.container { position:relative; z-index:0;}
.right { width:100%;}
.rcon { margin:0 10px 0 200px; border:1px solid #78b395; border-top:0; background:#fff url(h1bg.gif) 0 20px repeat-x;}
.left { position:absolute; left:0; top:-24px; z-index:1; width:190px; padding-left:10px;}
.rcon h1 { height:50px; line-height:50px; padding:0 40px;}
.rcon h1 span { padding:0 6px; color:#066}

.rcon h1.new { background:url(ico2.gif) no-repeat;}
.rcon h1.conf { background:url(ico2.gif) 0 -50px no-repeat;}
.rcon h1.clist { background:url(ico2.gif) 0 -100px no-repeat;}
.rcon h1.list { background:url(ico2.gif) 0 -150px no-repeat;}
.rcon h1.user { background:url(ico2.gif) 0 -200px no-repeat;}
.rcon h1.edit { background:url(ico2.gif) 0 -250px no-repeat;}
.rcon h1.product { background:url(ico2.gif) 0 -300px no-repeat;}
.rcon h1.view { background:url(ico2.gif) 0 -350px no-repeat;}
.rcon h1.delet { background:url(ico2.gif) 0 -400px no-repeat;}
.rcon h1.chateau { background:url(ico2.gif) 0 -450px no-repeat;}
.rcon h1.supp { background:url(ico2.gif) 0 -500px no-repeat;}
.rcon h1.drop { background:url(ico2.gif) 0 -550px no-repeat;}
.rcon h1.priceCh { background:url(ico2.gif) 0 -600px no-repeat;}
.rcon h1.exch { background:url(ico2.gif) 0 -650px no-repeat;}
.rcon h1.cstock { background:url(ico2.gif) 0 -700px no-repeat;}
.rcon h1.pack { background:url(ico2.gif) 0 -750px no-repeat;}
.rcon h1.check { background:url(ico2.gif) 0 -800px no-repeat;}
.rcon h1.lock { background:url(ico2.gif) 0 -850px no-repeat;}

.operations li.new a { background:url(ico1.gif) 14px 0 no-repeat;}
.operations li.conf a { background:url(ico1.gif) 14px -30px no-repeat;}
.operations li.clist a { background:url(ico1.gif) 14px -60px no-repeat;}
.operations li.list a { background:url(ico1.gif) 14px -90px no-repeat;}
.operations li.user a { background:url(ico1.gif) 14px -120px no-repeat;}
.operations li.edit a { background:url(ico1.gif) 14px -150px no-repeat;}
.operations li.product a { background:url(ico1.gif) 14px -180px no-repeat;}
.operations li.view a { background:url(ico1.gif) 14px -210px no-repeat;}
.operations li.delet a { background:url(ico1.gif) 14px -240px no-repeat;}
.operations li.chateau a { background:url(ico1.gif) 14px -270px no-repeat;}
.operations li.supp a { background:url(ico1.gif) 14px -300px no-repeat;}
.operations li.drop a { background:url(ico1.gif) 14px -330px no-repeat;}
.operations li.priceCh a { background:url(ico1.gif) 14px -360px no-repeat;}
.operations li.exch a { background:url(ico1.gif) 14px -390px no-repeat;}
.operations li.cstock a { background:url(ico1.gif) 14px -420px no-repeat;}
.operations li.pack a { background:url(ico1.gif) 14px -450px no-repeat;}
.operations li.check a { background:url(ico1.gif) 14px -480px no-repeat;}
.operations li.lock a { background:url(ico1.gif) 14px -510px no-repeat;}

#sidebar
{
	padding: 0 10px 0 0;
}

#footer
{
	padding: 10px 20px; margin:0 10px 10px;
	font-size: 1em;
	text-align:center;
	color:#666;
}

.top { height:34px;}
.topr { float:right; padding:6px 6px 0 0;}
.topr ul { padding:0; margin:0; list-style:none;}
.topr ul li { float:left; height:20px; line-height:20px; background:url(btn1.gif) no-repeat;}
.topr ul li.nobg { background:none; font:14px '微软雅黑'; color:#066; padding:0 18px 0 0;} 
.topr ul li a { display:block; padding:0 10px; background:url(btn1.gif) right -20px no-repeat;}
/*.topr ul li a.login { background:url(btn1.gif) right -40px no-repeat;}*/
#logo
{
	float:left; width:240px; height:34px;
}
#logo a { display:inline-block;}
#logo img { float:left; vertical-align:middle;}
#logo strong { float:left; font-family:"微软雅黑"; font-size:16px; color:#900; padding:6px 0 0;}
#mainmenu
{
	background:url(bg-menu.jpg) center 0 no-repeat;
	height:61px;
}
#nav, #nav ul { list-style:none; margin:0; padding:0;}
#nav { height:54px; padding:6px 24px 0; text-align:left;}
#nav li { float:left; text-align:left; margin:0 8px;}
#nav li a { display:block;}
#nav li a:hover { text-decoration:none;}
#nav li a span { display:inline-block; font-weight:bold; color:#53ecd7; height:22px; line-height:22px; padding:0 12px; cursor:pointer;}
#nav li a:hover span, #nav li.over a span { background:#0c6b5f; color:#fff;}
#nav li.parent { position:relative; z-index:9; background:url(down2.gif) right center no-repeat;}
#nav li.parent ul { position:absolute; top:22px; left:0; z-index:10; display:none; padding:5px 0 0; background:#0c6b5f; border-bottom:1px solid #088;}
#nav li.parent ul li { float:none; margin:0; border:1px solid #088; border-bottom:0;}
#nav li.parent ul li a { height:28px;}
#nav li.parent ul li.over { background:#033;}
#nav li.parent ul li.over span { color:#fff;}
#nav li.parent ul li a span, #nav li.active ul a span { font-weight:normal; height:28px; line-height:28px; color:#53ecd7; padding:0 0 0 5px; background:none;}


#nav li.active{ background:url(tab.gif) right -27px no-repeat; padding:0 15px 0 0; margin:0 6px;}
#nav li.active a { display:inline-block; background:url(tab.gif) no-repeat; padding:0 0 0 15px;}
#nav li.active span { height:27px; line-height:27px; padding:0; color:#fff;}
#nav li.active a:hover span { background:none; color:#fff;}
#nav li.active ul { clear:both; left:8px; display:block; background:none; border:0;}
#nav li.active ul li { float:left; border:0; padding:0 8px;}
#nav li.active ul li a { display:inline; background:none; padding:0;}
#nav li.active ul li a span { padding:0;}

#nav li.over ul li { padding:0;}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

#bread { height:24px; line-height:24px; margin:0 10px 0 200px; background:url(here.gif) repeat-x; text-align:left;}
#bread i { font-family:"宋体"; font-style:normal;}
#bread .fr { height:24px; background:url(here.gif) right -48px no-repeat; padding:0 18px 0 0;}
#bread .fr a { display:inline-block; padding:0 3px 0 22px; background:url(arr-back.gif) 3px center no-repeat;}
.breadcrumbs{ padding-left:100px; background:url(here.gif) 0 -24px no-repeat;}
.breadcrumbs span{ font-weight: bold; }

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #e2f1d0;
}
div.wide { background:#eee;}

.portlet
{

}

.portlet-decoration
{
	height:41px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(lnav.gif) no-repeat;
}

.portlet-title
{

}

.portlet-content{ background:#e2f1d0; border:1px solid #81b89c; border-top:0;}

.portlet-content ul
{

}

.portlet-content li
{
	
}

.operations
{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width:160px;
}

.operations li { width:160px; margin:0 0 10px; background:url(btn2.gif) no-repeat;}

.operations li a
{
	font: 12px Arial;
	color: #238b94;
	display: block;
	height:30px;
	line-height:30px;
	padding:0 0 0 40px;
	
}

.operations li a:hover
{
	color:#c00; text-decoration:none;
}

/*.btn_adv { height:27px; line-height:27px; margin-bottom:12px; font-weight:bold; padding:0 18px; background:#e6e6e6 url(../images/arr-dn.gif) 140px center no-repeat;}*/
.advS {}
.advS span, .add, .btn3, .get { display:inline-block; background:url(btn3.gif) right 0 no-repeat;}
.search-button, .add a, .btn3 a, .get a { display:inline-block; height:24px; line-height:24px; background:url(btn3.gif) 0 -48px no-repeat; padding:0 8px 0 30px;}
.add a { background-position:0 -72px;}
.get a { background-position:0 -96px;}

.litit { height:30px; padding:0 0 0 20px; font:16px/30px '微软雅黑'; color:#066; background:url(ico1.gif) 0 -90px no-repeat; margin:6px 0;}
.litit .add { float:right; margin:3px 0 0;}
.litit .get { margin:3px 12px 0 0;}
.litit span, .litit em  { font-size:12px; font-family:宋体;}
.litit em { font-style:normal; color:#666; padding-left:6px;}

.fcon { border-bottom:1px solid #ccc;}


/* grid-view.css */
.grid-view-loading
{
	background:url(loading.gif) no-repeat;
}

.grid-view table.items
{
	background: white;
	width: 100%;
	border: 1px #ccc solid;
}

.grid-view table.items th, .grid-view table.items td
{
	font-size: 0.9em;
	border: 1px white solid;
	padding: 0.3em;
}

.grid-view table.items th
{
	padding: 0.5em;
	color: #666;
	font-weight:bold;
	background: #e6e6e6;
	text-align: center;
}

.grid-view table.items th a
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.grid-view table.items th a:hover
{
	color: #000;
}

.grid-view table.items th a.asc
{
	background:url(up.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.items th a.desc
{
	background:url(down.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.items tr.even
{
	background: #F8F8F8;
}

.grid-view table.items tr.odd
{
	background: #E5F1F4;
}
.grid-view table.items tr.count_diff { background:#fcc;}
.grid-view table.items tr.count_diff td { color:#f00; font-weight:bold;}
.grid-view table.items tr.selected
{
	background: #BCE774;
}

.grid-view table.items tr:hover
{
	background: #ECFBD4;
}

.grid-view .link-column img
{
	border: 0;
}

.grid-view .button-column
{
	text-align: center;
	width: 60px;
}

.grid-view .button-column img
{
	border: 0;
}

.grid-view .checkbox-column
{
	width: 15px;
}

.grid-view .summary
{
	margin: 0 0 5px 0;
	text-align: right;
	color:#333;
	font-weight:bold;
}

.grid-view .pager
{
	margin: 5px 0 0 0;
	text-align: right;
}

.grid-view .empty
{
	font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
	width: 100%;
	border: 1px solid #ccc;
}
.grid-view input, .grid-view select { vertical-align:middle;}


/* table.items td.tc input { background:#033; color:#ff0; font:bold 14px Arial;} */

.sale .grid-view table.items td { font:14px "微软雅黑",Arial; white-space:normal;}
.sale .grid-view table.items th { color:#000;}
.sale .grid-view table.items td.fb16 { font:bold 16px Arial; color:#066;}
.postit { background:#066 url(bar.jpg) no-repeat; padding:8px 12px 0; margin:0 0 15px; border:1px solid #044;}
.postit h1 { background:url(pos.png) no-repeat; padding:0 0 12px 44px; margin:0; color:#fff;}
.postit p { margin:4px 0 0; font:18px "微软雅黑"; color:#fff;}
.postit p strong { color:#fff; display:inline-block; padding:6px 0 6px 32px; background:url(saler.png) 0 center no-repeat; vertical-align:middle;}

.pos { padding:15px; background:#fff; margin:10px;}
.sale {}
.sale .l { float:left; width:68%;}
.sale .r { float:right; width:31%;}


.barc { height:32px; padding:5px 12px; font:bold 18px "微软雅黑"; background:#e3e3e3; color:#000; border:1px solid; border-color:#aaa #aaa #ccc;}
.barc input, .mod input, .pay input, .pay select , .pay label , .option select{ vertical-align:middle;}
.barc .fr { line-height:32px;}
.barc .fr strong { font:20px Arial; color:#066;}
.barc label, .mod label { display:inline-block; vertical-align:middle; width:160px; text-align:right;}
.sale .txt, .barc .txt2, .barc .txt3 { height:32px; font:bold 24px Arial; padding:0 5px; background:#033; color:#ff0;}
.barc .txt { width:320px;}
.barc .txt2, .barc .txt3 { width:28%;}
.barc .txt3 { font:18px "微软雅黑";}
.barc .btn { width:80px; height:34px;}
.barc p { margin:0;}
.barc .add { vertical-align:middle; font:12px 宋体;}

.mem { width:63%;}
.mem .barc div.fr { padding-top:3px;}
.mem .info { padding:12px; border:1px solid #aaa;}
.mem .info p { padding:0 0 12px; margin:0;}
.mem .info p.w span { display:inline-block; width:30%;}
.mem .info strong { color:#066; font:bold 18px "微软雅黑";}
.mem .info table { margin:0;}
.sale .grid-view table.items td.bak { font:12px "宋体";}

.pay { padding:18px; margin:12px 0; font:bold 18px "微软雅黑"; color:#000; background:#e3e3e3; border:1px solid #aaa;}
.pay p { padding:18px 0; margin:0;}
.pay p.fr { padding:0;}
.pay input.btn, .option div.fr input.btn { width:120px; height:120px; font:bold 16px "微软雅黑";}
.pay input.txt { width:30%; margin:0 12px 0 0;}
.pay strong {font:bold 18px "微软雅黑"; color:#f00;}

.option { margin:12px;}
.option label { font:bold 18px "微软雅黑"; color:#000;}
.option select { width:30%; font:bold 16px "微软雅黑"; background:#033; color:#ff0; vertical-align:top;}
.option div.fr { text-align:right;}
.option div.fr p { margin:0 0 12px;}
.option div.fr p input.btn { width:150px;}
.option div.fr p input.txt { width:40%;}
.option div.fr input.btn { width:20%; height:40px;}

.mon { height:170px; font:18px "微软雅黑";}
.mon ul { margin:18px; padding:0; list-style:none;}
.mon ul li { height:30px; overflow:hidden;}
.mon ul li.tot { font-weight:bold; border-top:2px solid #ccc; margin:6px 0 0; padding:10px 0 0; color:#000;}
.mon ul li.tot span { color:#000; font-size:28px;}
.mon ul li span { color:#066;}

.mod { width:35%;}
.mod h2 { border:0;}
.mod .cont, .ord .cont { border:1px solid #aaa;}
.mod ul { margin:12px; padding:0; list-style:none;}
.mod ul li { padding:0 0 8px;}
.mod label { width:70px;}
.mod input, .mem .info input { height:28px;}
.mod input.w2 { height:20px; font:bold 18px Arial;}
.mod ul li.foot { padding-left:70px;}
.mod ul li.bz textarea  { vertical-align:top; width:70%;}

.cor { position:relative; z-index:2; border:1px solid #ccc;}
.cor em { position:absolute; display:block; height:31px;}
.cor .tl { left:-1px; top:-1px; z-index:3; width:32px; background:url(cor-tl.gif) no-repeat;}
.cor .br { right:-14px; _right:-15px; bottom:0; z-index:4; width:14px; background:url(cor-br.gif) no-repeat;}

.pop { text-align:left;}
.pop p { margin:0; padding:6px 0;}

.print { padding:12px; color:#000;}
.print p, .print table, .print td { margin:0; padding:0; font-size:12px;}
.print p.tc { padding:12px 0;}

.ord { border:1px solid #aaa; background:#e3e3e3;}
.tip { height:36px; padding: 0 36px; margin:0 12px; background:url(tip.png)0 center no-repeat; font:16px/36px "微软雅黑";}




#ui-datepicker-div { z-index:50 !important;}
.ui-timepicker-div { text-align:left;}
.ui-timepicker-div dt { height:25px; font-weight:normal;}
.ui-timepicker-div dd{ margin:-25px 0 10px 45px;}
.ui_tpicker_time { font-weight:bold;}
#right h2 { font-family:"微软雅黑" !important;}


.form2 {}